<template>
  <div>
    <!-- 单页模态框 2018/3/7 11:44 zhangQ -->
    <Modal class="xlinkModal" v-model="modalShow" :title="title" :width="width" :class-name="className" :mask-closable="maskClosable" :closable="closable">
      <a class="ivu-modal-close" @click="modalShow = false"><i class="ivu-icon ivu-icon-ios-close-empty"></i></a>
      <slot v-if="modalShow"></slot>
    </Modal>
  </div>
</template>

<script>
  export default {
    name: 'index',
    data () {
      let datas = {}
      return datas
    },
    props: {
      value: {},
      title: {},
      width: {},
      className: {},
      maskClosable: {
        type: Boolean,
        default: false
      },
      closable: {
        type: Boolean,
        default: false
      }
    },
    computed: {
      modalShow: {
        get () {
          return this.value
        },
        set (val) {
          this.$emit('input', val)
        }
      }
    },
    methods: {},
    created () {
    },
    mounted () {
    },
    components: {}
  }
</script>

<style>
  /*padding: 16px;*/
  /*#xlinkModal .ivu-modal-body .ivu-modal-footer*/
  .xlinkModal .ivu-modal-footer {
    display: none;
  }

  .xlinkModal .footer {
    display: block;
    margin: 12px -16px -16px -16px;
    border-top: 1px solid #e9eaec;
    padding: 12px 18px 12px 18px;
    text-align: right;
  }
</style>